<!DOCTYPE html>
<html lang="zh">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
	<meta name="author" content="小枫">
	<title>基础配置 | <%= data.title %></title>
	<link rel="shortcut icon" type="image/x-icon" href="<%= data.icon %>">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="default">
	<link rel="stylesheet" type="text/css" href="/admin/css/materialdesignicons.min.css">
	<link rel="stylesheet" type="text/css" href="/admin/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="/admin/css/animate.min.css">
	<!--日期选择器css-->
	<link rel="stylesheet" type="text/css" href="/admin/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
	<!--时间日期选择器css-->
	<link rel="stylesheet" type="text/css" href="/admin/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
	<!--引入下拉插件css-->
	<link rel="stylesheet" type="text/css" href="js/bootstrap-select/bootstrap-select.min.css">
	<link rel="stylesheet" type="text/css" href="/admin/css/style.min.css">
	<link rel="stylesheet" type="text/css" href="/admin/css/upload.css">
</head>

<body>
	<div class="container-fluid">

		<div class="row">

			<div class="col-lg-12">
				<div class="card">
					<header class="card-header">
						<div class="card-title">网站配置</div>
					</header>
					<div class="card-body">
						<ul class="nav nav-tabs">
							<li class="nav-item">
								<button class="nav-link active" id="basic-config" data-bs-toggle="tab" data-bs-target="#config" type="button">基本信息</button>
							</li>
							<li class="nav-item">
								<button class="nav-link" id="basic-personal" data-bs-toggle="tab" data-bs-target="#personal" type="button">个人信息</button>
							</li>
							<li class="nav-item">
								<button class="nav-link" id="basic-authorized" data-bs-toggle="tab" data-bs-target="#authorized" type="button">授权信息</button>
							</li>
						</ul>
						<form class="config-form" id="configForm">
							<div class="tab-content">
								<div class="tab-pane fade show active" id="config" aria-labelledby="basic-config">
									<div class="mb-3">
										<label for="web_site_title" class="form-label">网站标题</label>
										<input class="form-control" type="text" id="web_site_title" name="title" placeholder="请输入站点标题">
									</div>
									<div class="mb-3">
										<label for="web_site_logo" class="form-label">网站图标</label>
										<div class="input-group">
											<input autofocus="" type="text" id="web_site_icon" name="icon" placeholder="请输入图标链接" class="form-control">
											<button class="btn btn-default uploadBtn" type="button"><span>上传图片</span><input type="file" accept="image/*" class="fileInput" onchange="handleFileSelect(event)"></button>
										</div>
									</div>
									<div class="mb-3">
										<label for="web_site_keywords" class="form-label">站点关键词</label>
										<input class="form-control" type="text" name="keywords" placeholder="请输入站点关键词">
										<small class="form-text">网站搜索引擎关键字</small>
										<br>
										<small class="form-text">注意: <span class="text-warning">每个关键词需要用于英文模式下的逗号,隔开</span></small>
									</div>
									<div class="mb-3">
										<label for="web_site_description" class="form-label">站点描述</label>
										<textarea class="form-control" id="web_site_description" rows="5" name="description" placeholder="请输入站点描述"></textarea>
										<small class="form-text">网站描述，有利于搜索引擎抓取相关信息</small>
									</div>
									<div class="mb-3">
										<label for="web_site_icp" class="form-label">ICP备案号</label>
										<input class="form-control" type="text" id="web_site_icp" name="icp" placeholder="请输入ICP备案">
										<small class="form-text">无备案不用填写</small>
									</div>
									<div class="mb-3">
										<label for="web_site_publicSecurity" class="form-label">公安备案号</label>
										<input class="form-control" type="text" id="web_site_publicSecurity" name="publicSecurity" placeholder="请输入公安备案号">
										<small class="form-text">无备案不用填写</small>
									</div>
									<div class="mb-3">
										<label for="web_site_days" class="form-label">网站运行时间</label>
										<div class="input-group">
											<input class="form-control" type="text" id="web_site_days" name="days" placeholder="请输入网站运行时间" data-provide="datepicker" data-today-highlight="true" data-autoclose="false">
											<span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
										</div>
									</div>
									<div class="mb-3">
										<label for="web_site_adminKey" class="form-label">登陆页秘钥 <span class="badge bg-success">推荐填写</span></label>
										<input class="form-control" type="text" id="web_site_adminKey" name="adminKey" placeholder="请输入登录页秘钥">
										<small class="form-text">设置登陆秘钥后必须填写秘钥才能登陆</small>
										<br>
										<small class="form-text">登陆地址: <a target="_blank" rel="noopener noreferrer" id="textAddress">111</a></small>
									</div>
									<div class="mb-3">
										<label class="web_site_isLoad">前台加载动画</label>
										<select class="form-control selectpicker" name="isLoad" id="web_site_isLoad">
											<option value="1">开启</option>
											<option value="0">关闭</option>
										</select>
									</div>
									<div class="mb-3">
										<label class="thematicPattern">主题切换</label>
										<select class="form-control selectpicker" name="thematicPattern" id="thematicPattern">
											<option value="auto">默认</option>
											<option value="day">白天</option>
											<option value="night">夜间</option>
										</select>
										<small class="form-text">默认: 根据时间或者用户操作变化，第一次访问是白天模式</small>
									</div>
									<div class="mb-3">
										<label class="web_site_isOn">网站开关</label>
										<select class="form-control selectpicker" name="isOn" id="web_site_isOn">
											<option value="1">开启</option>
											<option value="0">关闭</option>
										</select>
										<small class="form-text">站点关闭后将不能访问，后台可正常登录</small>
									</div>
									<div class="mb-3">
										<label for="web_site_captchaId" class="form-label">极验行为验证ID</label>
										<input class="form-control" type="text" id="web_site_captchaId" name="captchaId" placeholder="请输入geetestID">
										<small class="form-text">极验id, 不需要行为验证无需填写</small>
										<br>
										<small class="form-text">注册地址: <a href="https://www.geetest.com" target="_blank" rel="noopener noreferrer">https://www.geetest.com</a></small>
									</div>
									<div class="mb-3">
										<label for="web_site_captchaKey" class="form-label">极验行为验证KEY</label>
										<input class="form-control" type="text" id="web_site_captchaKey" name="captchaKey" placeholder="请输入geetestKEY">
										<small class="form-text">极验key, 不需要行为验证无需填写</small>
									</div>
									<div class="mb-3" style="display: none;">
										<a class="btn btn-secondary me-1" href="JavaScript:;" id="testBehaviorVerification" rel="noopener noreferrer">行为验证测试</a>
										<div class="gallery-grid mt-3">
											<a class="gallery-item" href="JavaScript:;">
												<img class="lazyload" data-src="./images/xingweiyanzheng.png" alt="行为验证" style="width: 200px;">
											</a>
										</div>
										<small class="form-text">如果点击后没有显示滑动模块就代表行为验证的ID错误</small>
									</div>
								</div>
								<div class="tab-pane fade" id="personal" aria-labelledby="basic-personal">
									<div class="mb-3">
										<label for="web_site_username" class="form-label">您的名称</label>
										<input class="form-control" type="text" id="web_site_username" name="username" placeholder="请输入您的名称">
										<small class="form-text">展示在首页头部的名字</small>
									</div>
									<div class="mb-3">
										<label for="web_site_userAvatarUrl" class="form-label">您的头像</label>
										<div class="input-group">
											<input autofocus="" type="text" id="web_site_userAvatarUrl" name="userAvatarUrl" placeholder="请输入您的头像" class="form-control">
											<button class="btn btn-default uploadBtn" type="button"><span>上传图片</span><input type="file" accept="image/*" class="fileInput" onchange="handleFileSelect(event)"></button>
										</div>
									</div>
									<div class="mb-3">
										<label for="web_site_profile" class="form-label">您的座右铭</label>
										<input class="form-control" type="text" id="web_site_profile" name="profile" placeholder="请输入您的座右铭">
										<small class="form-text">展示在首页头部的打字机</small>
										<br>
										<small class="form-text text-warning">换行请用 | 符号隔开</small>
									</div>
									<div class="mb-3">
										<label for="web_site_topBg" class="form-label">首页顶部的背景图</label>
										<div class="input-group">
											<input autofocus="" type="text" id="web_site_topBg" name="topBg" placeholder="请输入首页顶部的背景图" class="form-control">
											<button class="btn btn-default uploadBtn" type="button"><span>上传图片</span><input type="file" accept="image/*" class="fileInput" onchange="handleFileSelect(event)"></button>
										</div>
										<small class="form-text">展示在首页顶部的模糊背景</small>
									</div>
									<div class="mb-3">
										<label for="web_site_randomText" class="form-label">随机文案</label>
										<select class="form-control selectpicker" name="randomText" id="web_site_randomText">
											<option value="一言语录">一言语录</option>
											<option value="心灵鸡汤">心灵鸡汤</option>
											<option value="舔狗日记">舔狗日记</option>
											<option value="Emo文案">Emo文案</option>
											<option value="网易热评">网易热评</option>
											<option value="经典名言">经典名言</option>
										</select>
									</div>
									<div class="mb-3">
										<label for="web_site_homeBtnName" class="form-label">首页底部按钮文字</label>
										<input class="form-control" type="text" id="web_site_homeBtnName" name="homeBtnName" placeholder="请输入首页底部按钮文字">
									</div>
									<div class="mb-3">
										<label for="web_site_friendsBtnName" class="form-label">友情页底部按钮文字</label>
										<input class="form-control" type="text" id="web_site_friendsBtnName" name="friendsBtnName" placeholder="请输入友情页底部按钮文字">
									</div>
								</div>
								<div class="tab-pane fade" id="authorized" aria-labelledby="basic-authorized">
									<div class="mb-3">
										<label for="web_site_domain" class="form-label">授权域名</label>
										<input class="form-control" type="text" id="web_site_domain" name="domain" placeholder="请输入授权域名" readonly>
									</div>
									<div class="mb-3">
										<label for="web_site_qq" class="form-label">授权QQ</label>
										<input class="form-control" type="text" id="web_site_qq" name="qq" placeholder="请输入授权QQ" readonly>
									</div>
									<div class="mb-3">
										<label for="web_site_km" class="form-label">授权卡密</label>
										<input class="form-control" type="text" id="web_site_km" name="km" placeholder="请输入授权卡密" readonly>
									</div>
									<div class="mb-3">
										<label for="web_site_key" class="form-label">授权KEY</label>
										<input class="form-control" type="text" id="web_site_key" name="key" placeholder="请输入授权秘钥" readonly>
										<small class="form-text">通过<a href="https://auth.nitai5pro.xfabe.com" target="_blank" rel="noopener noreferrer">https://auth.nitai5pro.xfabe.com</a>网站校验卡密成功后生成的秘钥</small>
									</div>
								</div>
							</div>
							<div class="mb-3">
								<button type="submit" class="btn btn-primary me-1">保 存</button>
							</div>
						</form>

					</div>
				</div>
			</div>

		</div>

	</div>
	<script type="text/javascript" src="/admin/js/jquery.min.js"></script>
	<script type="text/javascript" src="/admin/js/popper.min.js"></script>
	<script type="text/javascript" src="/admin/js/bootstrap.min.js"></script>
	<!-- 懒加载插件 -->
	<script type="text/javascript" src="/admin/js/lazyload.min.js"></script>
	<!--日期选择器js-->
	<script type="text/javascript" src="/admin/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
	<script type="text/javascript" src="/admin/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
	<!--时间日期选择器js-->
	<script type="text/javascript" src="/admin/js/momentjs/moment.min.js"></script>
	<script type="text/javascript" src="/admin/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="/admin/js/momentjs/locale/zh-cn.min.js"></script>
	<!--引入notify插件js-->
	<script type="text/javascript" src="/admin/js/bootstrap-notify.min.js"></script>
	<!-- 弹窗插件 -->
	<script type="text/javascript" src="/admin/js/sweetalert.min.js"></script>
	<!--引入下拉插件js-->
	<script type="text/javascript" src="/admin/js/bootstrap-select/bootstrap-select.min.js"></script>
	<script type="text/javascript" src="/admin/js/bootstrap-select/i18n/defaults-zh_CN.min.js"></script>
	<script type="text/javascript" src="/admin/js/upload.js"></script>
	<script type="text/javascript" src="/admin/js/main.min.js"></script>
	<script type="text/javascript" src="/assets/js/gt4.min.js"></script>
	<script type="text/javascript" src="/admin/js/nitai5pro/config.js"></script>
</body>

</html>